<!DOCTYPE html>
<html ng-app="BootApplication">

<head>
	<meta http-equiv="Content-Type" content="Wordpress themetext/html; charset=UTF-8">	
	<title>AcquariumWeb</title>

	<!-- Behavioral Meta Data -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" type="image/png" href="img/small-logo-01.png">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,900italic,700italic,700,500italic,400italic,500,300italic,300' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

	<!-- Import plugin -->
	<jsp:include page="../core/head.jsp"></jsp:include>
</head>

<!-- CONTROLLER -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/tank/controller/prefer-tank-ctrl.js"></script>
<!-- SERVICE -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/tank/service/prefer-tank-srv.js"></script>

<body ng-controller="PreferTankController">

	<a name="ancre"></a>
	
	<!-- TOP-BAR -->
	<jsp:include page="../core/top-bar.jsp"></jsp:include>
	
	<!-- CACHE -->
	<div class="cache"></div>

	<!-- HEADER -->
	<div id="wrapper-header">
		<div id="main-header" class="object">
			<div class="logo logoTitle">AcquariumWeb</div>
	        <div id="main_tip_search"> 
				<form>
					<input type="text" name="search" id="tip_search_input" list="search" autocomplete=off required>
				</form>
			</div>
	        <div id="stripes"></div>
	    </div>
	</div>

	<!-- NAV-BAR -->
	<div id="wrapper-navbar">
		<div class="navbar object">
			<div id="wrapper-sorting">
				<div id="wrapper-title-1"></div>
				<div id="wrapper-title-2"></div>
				<div id="wrapper-title-3"></div>
			</div>
			<div id="wrapper-bouton-icon">
				<div class="part-info-image home"><a href="<%=request.getContextPath()%>/index">Home</a></div>
				<div class="part-info-image plant"><a href="<%=request.getContextPath()%>/plantCtrl/plantDetail">P</a></div>
				<div class="part-info-image fish"><a href="<%=request.getContextPath()%>/fishCtrl/fishDetail">F</a></div>
				<div class="part-info-image tank active"><a href="<%=request.getContextPath()%>/tankCtrl/tankDetail">T</a></div>
			</div>
		</div>
	</div>
	<!-- PORTFOLIO -->
	<div id="wrapper-container">
   		<div class="container object">
			<div id="main-container-image">
				<section class="work">
					<div class="tab-type-view">
						<ul id="side-menu" class="nav nav-tabs">
							<li class="ng-isolate-scope active">
								<a href="#" data-toggle="tab" ng-click="activeFigure($event)" id="ref-figure" title="Figure" class="ng-binding">
									<i class="fa fa-picture-o" aria-hidden="true"></i>
									Figure
								</a>
							</li>
							<li class="ng-isolate-scope">
								<a href="#" data-toggle="tab" ng-click="activeTable($event)" id="ref-list" title="List" class="ng-binding">
									<i class="fa fa-list" aria-hidden="true"></i>
									List
								</a>
							</li>
						</ul>
					</div>
					
					<div class="tab-filter">
						<div id="dropdown-scrollable-container" style="height: 15em; overflow: auto;">
							<div id="dropdown-long-content">
					        	<div id="dropdown-hidden-container">
					          		<div class="btn-group">
							            <button id="btn-append-to" type="button" class="btn btn-secondary" ng-click="hideShowFilter()">
							              	More Filter 
							            </button>
					          		</div>
					        	</div>
					      	</div>
					    </div>
					</div>
					<div class="filter-content" ng-show="showFilter">
						<div class="col-md-12 sourceDiv">
						
							<div class="col-md-3">
								<label class="ng-binding">Larghezza</label>
								<input type="text" ng-model="filtriAttivi.larghezza" placeholder="ricerca per larghezza..." 
										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style="">
							</div>
							<div class="col-md-3">
								<label class="ng-binding">Lunghezza</label>
								<input type="text" ng-model="filtriAttivi.lunghezza" placeholder="ricerca per lunghezza..." 
										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style="">
							</div>
							<div class="col-md-3">
								<label class="ng-binding">Altezza</label>
								<input type="text" ng-model="filtriAttivi.altezza" placeholder="ricerca per altezza..." 
										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style="">
							</div>
							<div class="col-md-3">
								<label class="ng-binding">Capacita</label>
								<input type="text" ng-model="filtriAttivi.capacita" placeholder="ricerca per capacita..." 
										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style="">
							</div>		
						</div>
						<div class="btn-group noAbs align-btn-center">
				            <button id="btn-append-to" type="button" class="ng-binding btn-primary" ng-click="activeFilter()">Applica</button>
		          		</div>
					</div>
					<div class="tab-content tab-tank">
						<div ng-show="tankList.length>0" class="figureTableDiv">
							<div ng-show="showFigure" id="ref-figure" class="figureClass">
								<!-- FIGURE VIEW -->
								<figure class="white" ng-repeat="tank in tankList">
									<a href="acquariumDetail.jsp">
										<img ng-show="tank.urlImage!=null" src="<%=request.getContextPath()%>/{{tank.urlImage}}"/>
										<img ng-show="tank.urlImage==null" src="<%=request.getContextPath()%>/img/home/tank/box1-1.png"/>
										<dl>
											<dt></dt>
											<dd>{{tank.note}}</dd>	
										</dl>
									</a>
			                        <div id="wrapper-part-info" class="figure-name">
			                           	<div class="part-info-image">T</div>
			                           	<div id="part-info">{{tank.note}}</div>
									</div>
			                    </figure>
			                    <div class="paginator">
			                    	<ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" ng-change="pageChanged()" class="pagination-sm" boundary-link-numbers="true"
			                    			previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;">></ul>
			                    </div>
							</div>
						
							<div ng-show="showTable" id="ref-list" class="tableClass">
							
								<!-- TABLE VIEW -->
								<table ng-table="tableParams" ng-table-columns-binding="iScope.cols" template-pagination="{{ngTablePager}}" 
										class="smartmob-table table dataTable table-condensed table-bordered table-striped">
							    	<tr ng-if="params.settings().total" role="row" ng-repeat="row in $data track by row.id">
							        	<td data-title="tableHeader['note'			]" title-alt="'note'"				>{{row.note}}</td>
							        	<td data-title="tableHeader['larghezza'		]" title-alt="'larghezza'"			>{{row.larghezza}}</td>
							        	<td data-title="tableHeader['lunghezza'		]" title-alt="'lunghezza'"			>{{row.lunghezza}}</td>
							        	<td data-title="tableHeader['altezza'		]" title-alt="'altezza'"			>{{row.altezza}}</td>
							        	<td data-title="tableHeader['capacita'		]" title-alt="'capacita'"			>{{row.capacita}}</td>
							        </tr>
							    </table>
							</div>
						</div>
						<div ng-show="tankList.length==0" class="noValue">
							<h3>Nessun Valore</h3>
						</div> 
					</div>
				</section>
			</div>	
		</div>
            
		<div id="wrapper-thank">
	    	<div class="thank">
	        	<div class="thank-text">Acquarium<span style="letter-spacing:-5px;">-</span>Web</div>
	    	</div>
		</div>
	    
		<!-- MAIN-CONTAINER-FOOTER -->
		<jsp:include page="../core/main-container-footer.jsp"></jsp:include>
    
    	<!-- WRAPPER-COPYRIGHT -->
	    <jsp:include page="../core/wrapper-copyright.jsp"></jsp:include>
	</div>



<!-- SCRIPT -->

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-animate-css-rotate-scale.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/fastclick.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-colors-min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-shadow-min.js"></script>    
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/main.js"></script>
	<script>

</script>


</body>


</html>
